4

本文是本渣在看了JS中函数arguments的用法之后,写的一些东西,希望能帮助到大家。

1.arguments对象

在JavaScript中,arguments对象是比较特别的一个对象,实际上是当前函数的一个内置属性。arguments非常类似Array,但实际上又不是一个Array实例。可以通过如下代码得以证实(当然,实际上,在函数funcArg中,调用arguments是不必要写成funcArg.arguments,直接写arguments即可,此处为了让大家看明白)。

Array.prototype.testArg = "shuzu";
function funcArg() {
    alert(funcArg.arguments.testArg);  
    alert(funcArg.arguments[0]);
}

alert(new Array().testArg); // result: "shuzu"
funcArg(10);                // result: "undefined"  "10"

输出结果是 :
shuzu
undefined
10
我们可以看到arguments的类型并没有数组的testArg属性。同时arguments的用法和数组有点类似,argument[0]和array[0]一样,表示第一个对象。(ps:这里的prototype的作用是给某个对象加上某种属性,不懂的小伙伴可以去w3school看看介绍。)

2.callee

arguments对象中有一个非常有用的属性:callee。arguments.callee返回此arguments对象所在的当前函数引用。在使用函数递归调用时推荐使用arguments.callee代替函数名本身。

var fibonacci =function(n) {
    return n <2? n : arguments.callee(n -1) + arguments.callee(n -2);
}; //斐波纳挈数列求值

3.called

此属性的作用简单的说 就是返回调用该函数的函数,也就是function test1(){ test2();} 只有在test2是被test1函数调用,test2.called才有意义。如果test2是在函数顶部被调用,则test2.called返回null.
如果在字符串上下文中使用 caller属性,那么结果和 functionName.toString 一样,也就是说,显示的是函数的反编译文本,

function callerDemo() {
    if (callerDemo.caller) {
        var a= callerDemo.caller.toString();
          alert(a);
      } else {
          alert("this is a top function");
      }
}
function handleCaller() {
      callerDemo();
}
handlecaller();
callerDemo();

输出结果:

function handleCaller() {
      callerDemo();
}
this is a top function

mcgrady
63 声望1 粉丝

做最人性化的交互